<template>

    <div class="app-container">
        <el-card class="box">
      <div class="container">
          <div class="comment-list">
            <MyCommentItem ref="commentList" :userInfo="userInfo" :isAll="isAll" :type="type" />
          </div>
      </div>
    </el-card>
    </div>
    </template>
    
    
    
    <script>
    import MyCommentItem from '@/components/comment/MyCommentItem.vue';
    import { useUserStore } from "@/store";
    export default {
      components: {
        MyCommentItem,
      },
      data() {
        return {
          userInfo: null,
          isAll: 1,
          type: 0,
        };
      },
      created() {
        this.userInfo = useUserStore();
      },
      methods: {
      },
    };
    </script>
    
    <style scoped>
    
    
    /* 禁止整个页面的滚动条 */
    html, body {
      overflow: hidden; /* 禁用页面滚动 */
      margin: 0; /* 清除默认的页边距 */
      height: 100%; /* 确保页面高度充满整个视口 */
    }
    
    .container {
      display: flex;
      height: 100vh; /* 占满整个视窗高度 */
      overflow: hidden; /* 禁止页面的滚动 */
    }
    
    
    .comment-list {
      flex: 1;
      overflow-y: auto; /* 留言部分有滚动条 */
      padding-right: 10px; /* 解决滚动条占用空间时内容偏移的问题 */
    }
    
    </style>
    